<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>安顺市网络零售数据展示</title>
  <link rel="stylesheet" href="fonts/icomoon.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <div class="viewport">
    <div class="title">
      <span>安顺市网络零售数据展示</span>
      <div class="time">当前时间：2020年10月29-0时54分14秒</div>
      <div class="bigScreen">全 屏</div>
      <div class="weather">
        <iframe width="200" height="25" style="color: #fff" src="https://i.tianqi.com/?c=code&a=getcode&id=10&color=%23FFFFFF&bgc=%23&py=anshun&icon=1" frameborder="0"></iframe>
      </div>
    </div>
    <!-- <div class="bigScreen">全屏</div> -->
    <div class="column">
      <!-- 2020年1-4月贵州省各地区网络零售额占比-->
      <div class="overview panel">
        <div class="inner">
          <h3>贵州省各地区网络零售额占比</h3>
          <div class="salesPie">
          </div>
        </div>
      </div>
      <!--区域网络零售发展概况-->
      <div class="monitor panel">
        <div class="inner">
          <h3>区域网络零售发展概况</h3>
          <div class="salesBar"></div>
        </div>
      </div>
      <!--农产品网络零售发展概况 -->
      <div class="point panel">
        <div class="inner">
          <h3>农产品网络零售发展概况</h3>
          <div class="chart">
            <div class="pie"></div>
            <div class="data">
              <div class="item">
                <h4>1982.4亿元</h4>
                <span>
                  <i class="icon-dot" style="color: #ed3f35"></i>
                  全国销售额
                </span>
              </div>
              <div class="item">
                <h4>78.3亿件</h4>
                <span>
                  <i class="icon-dot" style="color: #eacf19"></i>
                  全国零售量
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="column">
      <!-- 地图 -->
      <div class="map">
        <h3>
          <span class="icon-cube"></span>
          2020年1-4月全国网络零售额3.2万亿元
        </h3>
        <div class="chart">
          <div class="geo"></div>
          <div class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
        </div>
      </div>
      <!-- 行业网络发展情况 -->
      <div class="users panel">
        <div class="inner">
          <h3>行业网络发展情况</h3>
          <div class="chart">
            <div class="bar"></div>
            <div class="data">
              <div class="item">
                <h4>5517.4万元</h4>
                <span>
                  <i class="icon-dot" style="color: #ed3f35"></i>
                  酒水零售额
                </span>
              </div>
              <div class="item">
                <h4>2695.4 万元</h4>
                <span>
                  <i class="icon-dot" style="color: #eacf19"></i>
                  家具零售额
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="column">
      <!-- 贵州省安顺市电商直播发展概况 -->
      <div class="sales panel">
        <div class="inner">
          <h3>贵州省安顺市电商直播发展概况</h3>
          <div class="online"></div>
        </div>
      </div>
      <!-- 重点网商网络零售发展概况 -->
      <div class="enterprise panel">
        <div class="inner">
          <h3>重点网商网络零售发展概况</h3>
          <div class="content">
            <div class="head">
              <span class="col">排名</span>
              <span class="col">企业名称</span>
              <span class="col">公司地址</span>
              <span class="col">零售额（万元）</span>
            </div>
            <div class="marquee-view">
              <div class="marquee">
                <div class="row">
                  <span class="col">1</span>
                  <span class="col">关岭自治县社火电子商务有限公司
                  </span>
                  <span class="col">贵州省安顺市关岭布依族苗族自治县顶
                    云街道电子商务产业园B栋2楼
                  </span>
                  <span class="col">83</span>
                </div>
                <div class="row">
                  <span class="col">2</span>
                  <span class="col">贵州南风日化有限公司</span>
                  <span class="col">贵州省安顺市经济技术开发区歇凉岩</span>
                  <span class="col">68.8</span>
                </div>
                <div class="row">
                  <span class="col">3</span>
                  <span class="col">贵州赖仁酿酒有限公司</span>
                  <span class="col">贵州省安顺市平坝区黔中新区生态白酒
                    工业园0218（A2地块）
                  </span>
                  <span class="col">68.4</span>
                </div>
                <div class="row">
                  <span class="col">4</span>
                  <span class="col">安顺安酒销售有限公司</span>
                  <span class="col">贵州省安顺市西秀区西郊果木场1号</span>
                  <span class="col">65.6</span>
                </div>
                <div class="row">
                  <span class="col">5</span>
                  <span class="col">贵州平坝窖酒销售有限责任
                    公司
                  </span>
                  <span class="col">贵州省安顺市平坝区安平办平黎路198
                    号
                  </span>
                  <span class="col">58.6</span>
                </div>
                <div class="row">
                  <span class="col">6</span>
                  <span class="col">贵州贵安新区贵福贸易有限
                    公司</span>
                  <span class="col">贵州贵安新区综合保税区综合服务大楼
                    3楼F区</span>
                  <span class="col">57.8</span>
                </div>
                <div class="row">
                  <span class="col">7</span>
                  <span class="col">贵州云上左岸科技有限公司</span>
                  <span class="col">贵州省安顺市西秀区印象安顺蚂蚁空间
                    B-08
                  </span>
                  <span class="col">50.2</span>
                </div>
                <div class="row">
                  <span class="col">8</span>
                  <span class="col">贵州和创包装有限公司</span>
                  <span class="col">贵州省安顺市平坝区夏云工业园中小企
                    业服务有限公司内5号</span>
                  <span class="col">46.3</span>
                </div>
                <div class="row">
                  <span class="col">9</span>
                  <span class="col">安顺市平坝区万佳农产品加
                    工专业合作社</span>
                  <span class="col">贵州省安顺市平坝区天龙镇双洞村白泥
                    坝</span>
                  <span class="col">33</span>
                </div>
                <div class="row">
                  <span class="col">10</span>
                  <span class="col">贵州安酒销售有限公司</span>
                  <span class="col">贵州省安顺市西秀区西郊果木场1号</span>
                  <span class="col">26.1</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 农村网络零售发展概况 -->
      <div class="top panel">
        <div class="inner">
          <h3>农村网络零售发展概况</h3>
          <div class="retailBar"></div>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery.min.js"></script>
  <script src="js/echarts.min.js"></script>
  <script src="js/index.js"></script>
  <!-- 使用中国地图 -->
  <script src="js/china.js"></script>
  <!-- 绘制地图 -->
  <script src="js/mychart-map.js"></script>
</body>

</html>